iT邦幫忙

2022 iThome 鐵人賽

DAY 12
0
自我挑戰組

一日一屬性,HTML 基礎一定行系列 第 12

Day 12 control、preload、loop 和 mute 屬性

  • 分享至 

  • xImage
  •  

之前介紹過 loop 的屬性,用來讓音訊可以無限制播放,其實在 <Video> 標裡可以放置的屬性還有 control、preload、loop 和 mute

用以下簡單程式碼來稍微介紹一下,如果是 Vedio 的標籤裡要加入 control 的設定的話,就可以寫成

    <source src="影片檔案">
   </video>

通常這個時候,可以簡略直接寫成

介紹在裡可以放置的特性(Attributes)-

    <source src="影片檔案">
   </video>

所以我們前幾篇文章提到的,

    <source src="影片檔案">
   </video>

就是可以讓音訊一直重複重頭播放。

以下簡單介紹以下屬性

  • control
  • preload
  • loop
  • muted

preload
指定視訊或音樂先下載。通常用到 preload 代表這份資源對目前的頁面是最先需要的,再頁面進行 loading 時,該檔案必須最優先下載。

    <source src="影片檔案">
   </video>

muted
設定該屬性後,就會該視訊或影像就會被設置靜音。

    <source src="影片檔案">
   </video>

上一篇
Day 11 lang 屬性
下一篇
Day 13 placeholder 屬性
系列文
一日一屬性,HTML 基礎一定行30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言